/* 错误通知动画 */
@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideOut {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}

/* 错误通知样式 */
.error-notification {
  animation: slideIn 0.3s ease-out;
}

.error-notification.slide-out {
  animation: slideOut 0.3s ease-in;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .error-notification {
    right: 10px;
    left: 10px;
    max-width: none;
  }
}

@media (max-width: 480px) {
  .error-notification {
    top: 10px;
    right: 10px;
    left: 10px;
    padding: 12px 15px;
    font-size: 13px;
  }
}
